<template>
  <headerSwiper :list="swiperList"></headerSwiper>
  <home-body></home-body>
  <nav-bar></nav-bar>
</template>
  
<script>
import navBar from "@/components/NavBar";
import headerSwiper from '@/views/toolbar/home/headerSwiper'
import homeBody from '@/views/toolbar/home/homeBody'
import { reactive, toRefs } from 'vue'
export default {
  components: {
    navBar,
    headerSwiper,
    homeBody
  },
  setup() {
    const state= reactive({
      swiperList: [
        { carouselUrl:require('../assets/images/home/swiper1.jpg')},
        { carouselUrl:require('../assets/images/home/swiper2.jpg')},
        { carouselUrl:require('../assets/images/home/swiper3.jpg')},
      ]
    })

    return {
      ...toRefs(state)
    }
  }
};
</script>
  
<style>
</style>
